html {height: 100%;}
/*body {background: #FFF url(../images/login/login-repeat.png);}*/
body {  background-image: url(../images/login/bg.png);  background-repeat: no-repeat; background-position: center; background-color: #4d9dff}

/* LOGO */
.logo {background: url(../images/login/logo.png) no-repeat center center; height: 60px; /*border-bottom: 1px solid #FFF;*/ margin-bottom: 40px; margin-top: 20px}

/* µÇÂ¼¿ò */
.loginBox {width: 80%; margin: 180px auto 0 auto;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3); box-shadow: 0 0 2px rgba(0,0,0,0.3);}
.loginBoxInner {padding: 20px; background: #fff url(../images/login/login-repeat.png); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;position: relative;overflow: hidden;}
.loginBox .inputItem {width: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4); box-shadow: 0 1px 2px rgba(0,0,0,0.4); margin: 0 auto 20px;}
.loginBox .disable{background-color: #ccc !important}
.loginBox .inputItemInner {margin-left: 45px; border-left: 1px solid #ddd; background: #fff; padding-right: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.loginBox .inputItemInner input {
	border: 1px solid #fff; padding: 15px 10px; border: 0; font-size: 14px; width: 100%; box-shadow: none; color: #666; outline: none; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.loginBox .inputItemInner input.rui-validator-input-fail {
	height: 14px;
	border: 1px solid #f30; 
	outline: 0;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 3px rgba(255,51,0,0.6);
  	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 3px rgba(255,51,0,0.6);
}
.loginBox .username {background: #eee url(../images/login/username.png) no-repeat 15px center;}
.loginBox .password {background: #eee url(../images/login/password.png) no-repeat 15px center;}
.loginBox button.inputItem {font-family: '\5FAE\8F6F\96C5\9ED1';background: #4d9dff; border: 0; padding: 15px 0; text-align: center; font-size: 16px; color: #FFF; font-weight: 700; cursor: pointer; outline: none;}

#triangle-bottomright {
    width: 0;
    height: 0;
    border-bottom: 85px solid #bbb;
    border-left: 85px solid transparent;
    position: absolute;
    right: 0px; bottom: 0px;cursor: pointer;color:#fff;font-family: '\5FAE\8F6F\96C5\9ED1';font-size: 12px;
}

.link-txt{position: absolute; width: 100px; height: 32px;left: -75px; top:45px;transform:rotate(-45deg);
-ms-transform:rotate(-45deg);   /* IE 9 */
-moz-transform:rotate(-45deg);  /* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg);  /* Opera */}
/* µÇÂ¼¿ò-ÑéÖ¤Âë */
.validate-img {
	cursor:pointer;width:34%;height:35px;  vertical-align: middle;  margin-top: -2px;
}
.inputItem.validator{margin-bottom: 20px;background:#eee;}
.inputItemInner.validator{position:relative;padding-right: 10px;}
.loginBox .inputItemInner.validator input{width: 50%;}
.icon-auth{
	position: absolute;  
	left: -31px;
  	top: 16px;
  	color: #666;
 }

/* Í¼ÐÎ×ÖÌå */
@font-face {font-family: 'iconfont';
    src: url('font/iconfont.eot'); /* IE9*/
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/iconfont.woff') format('woff'), /* chrome¡¢firefox */
    url('font/iconfont.ttf') format('truetype'), /* chrome¡¢firefox¡¢opera¡¢Safari, Android, iOS 4.2+*/
    url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.icon:before{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.icon-auth:before{content: "\e66e";}
/* ÏìÓ¦Ê½ */
@media screen and (min-width: 480px) {.loginBox {width: 70%;} .loginBox .inputItem {width: 95%;}}
@media screen and (min-width: 580px) {.loginBox {width: 60%;} .loginBox .inputItem {width: 90%;}}
@media screen and (min-width: 680px) {.loginBox {width: 50%;} .loginBox .inputItem {width: 85%;}}
@media screen and (min-width: 880px) {.loginBox {width: 45%;} .loginBox .inputItem {width: 80%;}}
@media screen and (min-width: 1080px) {.loginBox {width: 40%;} .loginBox .inputItem {width: 75%;}}
@media screen and (min-width: 1280px) {.loginBox {width: 35%;} .loginBox .inputItem {width: 70%;}}